<template>
  <div class="comBtn">
    <button
      :style="{color: color, background: bgColor}" :disabled="disabled" @click="clickHandle">{{ text }}</button>
  </div>
</template>

<script>
  export default {
    props: {
      text: {
        type: String,
        default: '立即出借'
      },
      bgColor: {
        type: String,
        default: '#ff4133'
      },
      color: {
        type: String,
        default: '#fff'
      },
      disabled: {
        type: Boolean,
        default: false
      }
    },
    methods: {
      clickHandle () {
        this.$emit('click')
      }
    }
  }
</script>

<style lang='scss'>
  @import '../../common/scss/index.scss';
  .comBtn {
    text-align: center;
    button {
      outline: none;
      border: none;
      display: inline-block;
      width: 690px;
      height: 94px;
      background: $base-ff6c00;
      color: $base-fff;
      font-size: 36px;
      line-height: 96px;
      border-radius: 6px;
    }
  }
</style>
